<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- 在线客服 -->
<div class="cnt_order">
    <h3 class="manageTitle">在线客服</h3>
    <div class="customName">客户名称： linda</div>
    <div class="dialogue">
        <div class="dialogueCnt">
            <ul class="">
                <li class="custom">
                    <div>张三 <span class="dtime">22:34:56</span></div>
                    <p>hi 请问有红楼梦吗</p>
                </li>
                <li class="me">
                    <div>我 <span class="dtime">22:35:33</span></div>
                    <p>有的</p>
                </li>
            </ul>
            <ul style="display:none;">
                <li class="custom">
                    <div>李四 <span class="dtime">22:34:56</span></div>
                    <p>hi 请问有红楼梦吗22222222</p>
                </li>
                <li class="me">
                    <div>我 <span class="dtime">22:35:33</span></div>
                    <p>有的</p>
                </li>
            </ul>
            <ul style="display:none;">
                <li class="custom">
                    <div>王五 <span class="dtime">22:34:56</span></div>
                    <p>hi 请问有红楼梦吗333333333333</p>
                </li>
                <li class="me">
                    <div>我 <span class="dtime">22:35:33</span></div>
                    <p>有的</p>
                </li>
            </ul>
            <textarea class="saidBox"></textarea>
        </div>
        <div class="dialogueSide">
            <h2>客户列表</h2>
            <ul class="customList">
                <li class="cur"><a href="javascript:void(0);" title="">1、张三</a></li>
                <li class="c_red"><a href="javascript:void(0);" title="">2、李四</a></li>
                <li class=""><a href="javascript:void(0);" title="">3、王五</a></li>
            </ul>
        </div>
    </div>
    <div style="margin-top:10px;">
        <input type="submit" class="greenBtn" value="确定" name="" />&nbsp;&nbsp;<input type="button" class="grayBtn" value="取消" name="" />
    </div>
</div>
<script type="text/javascript">
    $('.customList li').live('click',function(){
        $(this).addClass('cur').siblings().removeClass('cur');
        $('.dialogueCnt > ul').hide();
        $($('.dialogueCnt > ul').get($(this).index())).show();
    });
</script>
